//!判断是否登录 没有就拦截 返回登录页面
window.$check.checkLogin();

// 引入当前的css
require("../css/mine.less");


document.ready(function () {
    // 引入动态tab栏
    window.$check.tabs(2);

    // 获取元素
    const imgBOx = document.querySelector(".header .img-box");
    const headImgBOx = document.querySelector(".header .img-box img");
    const upload = document.querySelector("#upload");
    // 定义一个空字符串 用来拼接图片地址
    let imgSrc = '';

    // ?点击头像 触发input的文件上传事件
    imgBOx.addEventListener("click", function (e) {
        e.preventDefault();
        e.stopPropagation();
        upload.click();
    })

    // ?上传文件的事件
    upload.addEventListener("change", function () {
        console.log(this.files[0]);
        // 发送请求
        window.$updateFile('/users/upload', 'imgurl', this.files[0], function (res) {
            if (res.status === 0) {
                console.log(res);
                imgSrc = "http://139.9.177.51:8099" + res.data;
                headImgBOx.src = imgSrc;

                // 修改数据 上传成功后修改个人数据
                window.$http.post("/users/userEdit", {
                    userId: user,
                    imgurl: imgSrc
                }, function (res) {
                    if (res.status === 0) {
                        window.$check.toast(0, "上传成功")
                    }
                })

            }
        })
    })

    //? 页面打开时加载用户数据
    let user = JSON.parse(localStorage.getItem("user")).userId;
    let idBox = document.querySelector(".header .user-name p");
    let sign = document.querySelector(".header .sign")
    window.$http.get("/users/accountinfo?userId=" + user, function (res) {
        if (res.status === 0) {
            console.log(res);
            // 动态渲染用户名
            idBox.textContent = res.data.nickname;
            // 如果上传的有图片就更换
            if (res.data.imgurl) {
                // 动态渲染用户头像
                headImgBOx.src = res.data.imgurl;
            }
            if (res.data.sign) {
                sign.textContent = res.data.sign;
            }
        }
    })

    // ?退出登录
    const quitBtn = document.querySelector(".quit");
    quitBtn.addEventListener("click", function () {
        // 删除保存的数据
        window.localStorage.clear()
        // 刷新页面
        location.reload();
    })




})
